<template>
  <div>
    <Count>
      <template #head>
        <p>用户名</p>
      </template>
      <template #body>
        <input type="text" />
      </template>
    </Count>
    <Count>
      <template #head>
        <p>密码</p>
      </template>
      <template #body>
        <input type="password" />
      </template>
    </Count>
    <Count>
      <template #head>
        <p>性别</p>
      </template>
      <template #body>
        <input type="radio" name="sex" checked />男
        <input type="radio" name="sex" />女
      </template>
    </Count>
    <Count>
      <template #head>
        <p>爱好</p>
      </template>
      <template #body>
        <input type="checkbox" checked />抽烟 <input type="checkbox" />喝酒
        <input type="checkbox" />烫头
      </template>
    </Count>
    <Count>
      <template #head>
        <p>来自于</p>
      </template>
      <template #body>
        <select>
          <option>北京</option>
          <option>上海</option>
          <option>深圳</option>
          <option>广州</option>
          <option selected>杭州</option>
        </select>
      </template>
    </Count>
  </div>
</template>

<script>
import Count from "./components/Count.vue";
export default {
  components: { Count },
};
</script>

<style>
</style>